<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
			<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
		<title>购物车</title>
        <link rel="stylesheet" href="__PUBLIC__/css/frozen.css" />
        <link rel="stylesheet" href="__PUBLIC__/css/myCss.css" />
        <script src="__PUBLIC__/lib/zepto.min.js"></script>
        <script src="__PUBLIC__/js/frozen.js"></script>
        <script src="__PUBLIC__/js/myjs/Cart.js"></script>
        <script>
            var handleUrl="__INDEX__";
        </script>
		<style>
            .btn-ab{
                color: #8c96a0;
                border:1px solid #8c96a0;
                width:17px;
                height:17px;
                background-color: white;
                font-size:17px;
                margin-left: 4px;
                margin-right:4px;
             
            }
            #hidebg { position:absolute;left:0px;top:0px;
                width:100%;  
                filter:alpha(opacity=60);  
                opacity:0.6;  
                display:none; 
                z-Index:2;}
		</style>
	</head>

	<body >
        <div id="hidebg" style=""></div>
		<header class="ui-header ui-header-stable ui-border-b" >
			<i class="ui-icon-return" onclick="history.back()" ></i>
			<h1>购物车</h1>
		</header>
		<footer style="height:100px;" class="ui-footer ui-footer-stable ui-border-t ui-footer-my" style="padding:5px 0px 5px 0px;height:35px;" >
            <div class="ui-form-item ui-form-item-pure ui-border-b">
                <input id="demand" style="color:#777;"  type="text"  placeholder="留言">
                <a href="#" class="ui-icon-close" onclick="$('#demand').val('');"></a>
            </div>
            <!--商品全选、总价统计、提交订单-->
            <ul class="ui-row" style="margin-top:10px;" >
                <li class="ui-col ui-col-33" >
                    <div class="ui-form-item ui-form-item-checkbox" style="margin-top:0px;">
                        <label class="ui-checkbox">
                            <input id="input_allCheck" onclick="hInput(this);"  type="checkbox" >
                        </label>
                        <p style="font-size:15px;color:#777;">全选</p>
                    </div>
                </li>
                <li class="ui-col ui-col-33" >
                    <div class="ui-btn-wrap" style="padding-top:5px;">
                        <label  style="font-size:20px;color:#EE7600;float:right;font-weight:bold;" >合计：<font id="cTotal">0.00</font></label>
                    </div>
                </li>
                 <li class="ui-col ui-col-33" >
                    <div class="ui-btn-wrap" style="margin-top:-13px;">
                        <button style="height:35px;line-height:0px;" onclick="submitOrder();"  class="ui-btn-lg ui-btn-danger">
                            提交订单
                        </button>
                    </div>
                </li>
            </ul>	
		</footer>
		<section class="ui-container" style="margin-bottom:52px;">
			<div >
                
                <div class="ui-form-item ui-form-item-switch ui-border-b" >
                    <span class="ui-panel-subtitle" >店铺：温州农特产</span>
                    <!--
                    <label class="ui-switch" >
                        <input type="checkbox">
                    </label>
                    -->
                </div>
               
				<section id="list">
                    <ul id="pList" class="ui-list ui-border-tb">
                        <!--商品信息模板-->
                        <foreach name="cartList" item="v" >
                            <li id="proInfo{$v.ProId}" class="ui-border-t" >
                                <!--多选框-->
                                <label  class="ui-checkbox" style="padding-top:100%;" >
                                    <input value="{$v.ItemId}"  id="pCheck{$v.ProId}" {$v.YnCheck} type="checkbox" onclick="reckon();" >
                                </label>
                                <!--图片-->
                                <div class="ui-list-img" onclick="GotoProDetail({$v.ProId});">
                                    <span><img src="__PUBLIC__/images/img/{$v.ProImg}" width="100px" height="82px"/></span>
                                </div>
                                <!--单价、数量-->
                                <div class="ui-list-info" style="padding-bottom:5px;">
                                    <ul class="ui-row" >
                                        <li class="ui-col ui-col-90" >
                                            <h4 onclick="GotoProDetail({$v.ProId});" class="ui-nowrap" style="margin:0rem 0rem 0.08rem 0.03rem;color:#555;">{$v.ProName}</h4>
                                        </li>
                                        
                                        <li class="ui-col ui-col-10" >
                                            <p id="pMid{$v.ProId}" onclick="removePro(this);" class="ui-nowrap " style="float:right;">×</p>
                                        </li>
                                        <li class="ui-col ui-col-100" >
                                        <div class="ui-select-group" style="line-height:0px;margin:0rem 0rem 0.1rem 0.03rem;" >
                                                <select style=" font-size:15px;color:#777;">
                                                    <option>红色</option>
                                                    <option selected>{$v.ProType}</option>
                                                </select>
                                        </div>
                                        </li> 
                                        <li class="ui-col ui-col-75">
                                            <input id="btnadd{$v.ProId}" class="btn-ab" onclick="countHandle('-',this);" type="button" value="-" />
                                            <p id="pCount{$v.ProId}" class="ui-nowrap"  style="display:inline;">{$v.ProCount}</p>
                                            <input id="btnamin{$v.ProId}" class="btn-ab" onclick="countHandle('+',this);" type="button" value="+" />
                                        </li>
                                        <li class="ui-col ui-col-25" >
                                            <p id="pPrice{$v.ProId}" class="ui-nowrap " style="float:right;font-size:16px;color:#EE7600;">{$v.ProPrice}</p>
                                        </li>
                                    </ul> 
                                </div>
                            </li>
                        </foreach>
                    </ul>
		        </section>
		    </div>
            <!--确认、取消Dialog-->
			<div class="ui-dialog">
                <div class="ui-dialog-cnt">
                    <div class="ui-dialog-bd">
                        <div>确认是否删除?</div>
                    </div>
                    <div class="ui-dialog-ft ui-btn-group">
                        <button onclick="ynRemovePro(this);" id="dialogButton2">取消</button> 
                        <button value='0' onclick="ynRemovePro(this);" id="dialogButton1">确定</button>
                    </div>
                </div>        
            </div>
		</section>
	</body>

</html>